import styled from "styled-components";

export const HeaderTitleDiv=styled.div`
  position: relative;
  display: flex;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  border-bottom: 2px solid #C20C0C;
  .title_div{
    width: 100px;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
   
  }
  .title_ul{
    position: relative;
    top: 50%;
    transform: translateY(-30%);
    display: flex;
    flex: 1;
    text-align: center;
    line-height: 15px;
    height: 15px;
    font-size: 13px;
  }
  .title_ul li{
    padding: 0 10px;
    border-right: 1px solid #666666;
  }
  .title_ul li:last-of-type{
    border:0;
  }
  .title_ul li a{
    color: #666666;
  }
  .title_ul li a:hover{
    text-decoration: underline;
    color: #333333;
  }
  .title_more a{
    height: 100%;
    line-height: 36px;
    font-size: 13px;
    color: #444;
  }
  .title_more a:hover{
    text-decoration: underline;
  }
  
`
